.ImportExecl {
    height: 500px;
    display: flex;
    padding: 0 20px;
    justify-content: space-between;

    .left {
        width: 52%;
        background: #f7f7f7;
        margin: 15px 0;
        border-radius: 10px;
        padding: 10px 15px 0 15px;

        .title {
            font-size: 14px;
            font-weight: 600;
            color: #333333;
        }

        .dd {
            font-size: 14px;

            color: #757272;
            line-height: 20px;
            margin: 15px 0px;
        }

        .red {
            color: #f36363;
        }
    }

    .right {
        width: calc(50% - 40px);
        display: flex;
        justify-content: space-around;
        margin: 20px 0;
        flex-wrap: wrap;

        .item {
            width: 140rx;
            height: auto;
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            align-items: center;

            .imgWrap {
                width: 140rx;
                height: 140rx;
                border: 1px solid #2c80ff;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 5rx;
                cursor: pointer;

                img {
                    width: 45rx;
                    height: 45rx;
                }
            }

            .name {
                font-size: 14px;

                color: #343434;
                margin: 10rx 0 0 0;
            }
        }

        .file {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

        // .dd {
        //     display: flex;
        //     flex-direction: column;
        //     align-items: center;
        //     cursor: pointer;
        //     width: 140rx;
        //     height: 140rx;
        //     border: 1px solid #2c80ff;
        //     .title {
        //         width: 25px;
        //         height: 25px;
        //         background: #f66;
        //         border-radius: 50%;
        //         align-items: center;
        //         justify-content: center;
        //         color: #fff;
        //         display: flex;
        //         margin: 0 0 10px 0;
        //         font-weight: 600;
        //     }
        //     // img {
        //     // }
        //     // div {
        //     //     margin: 10px 0 0 0;
        //     // }
        //     .name {
        //         margin: 10px 0 0 0;
        //     }
        //     .nameUpload {
        //         margin: 3px 0 0 0;
        //         color: #606266 !important;
        //     }
        // }
    }

    .content {
        width: 100%;
        height: calc(100% - 80px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;

        .progress {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;

            .imgWrap {
                width: 53px;
                height: 54px;
                border-radius: 50%;
                background-color: #ff6f20;
                display: flex;
                align-items: center;
                justify-content: center;

                img {
                    width: 30px;
                    height: 30px;
                    margin: 0 5px 0 0;
                }
            }

            .txt {
                height: 14px;
                font-size: 14px;
                color: #333333;
                margin-top: 20px;
            }
        }

        .success {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;

            .imgWrap {
                width: 53px;
                height: 54px;
                border-radius: 50%;
                background-color: rgba(var(--main-theme-color), 1);
                display: flex;
                align-items: center;
                justify-content: center;

                img {
                    width: 30px;
                    height: 30px;
                    margin: 0 0 0 0;
                }
            }

            .txt {
                height: 14px;
                font-size: 14px;
                font-weight: bold;
                color: #333333;
                margin: 20px 0 0 0;
            }

            .info {
                margin: 15px 0 0 0;
                color: #999999;
            }

            .error {
                margin: 15px 0 0 0;
                color: #999999;

                label {
                    font-weight: 600;
                    color: #f72828;
                    margin: 0 5px;
                }
            }

            .foot {
                position: absolute;
                bottom: -20px;
                display: flex;
                width: 100%;

                .fontContent {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .download {
                    font-size: 14px;
                    color: rgba(var(--main-theme-color), 1);
                    width: 120px;
                    height: 34px;
                    background: #ffffff;
                    border: 1px solid rgba(var(--main-theme-color), 1);
                    border-radius: 3px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                }

                .submit {
                    width: 120px;
                    height: 34px;
                    background: rgba(var(--main-theme-color), 1);
                    border-radius: 3px;
                    font-size: 14px;

                    color: #ffffff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 0 0 0 15px;
                    cursor: pointer;
                }
            }
        }
    }
}

.member_list {
    &.content {
        height: 100%;
    }

    .tabel_wrap {
        height: calc(100% - 50px);

        .member_table {
            width: 1200px;
        }
    }

    .show_wrap {
        display: flex;
        align-items: center;
        margin-bottom: 10px;

        .rodio {
            .etr_tooltip {
                color: #333333;
            }
        }

        .fontContent {
            display: flex;
            margin-left: 10px;

            .btnItem {
                padding: 0 31rx;
            }
        }
    }
}